<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="style/css0.css" rel="stylesheet" type="text/css" />
		<title>青眠-安心入眠</title>
	</head>

	<body>
		<!-- 顶部栏目 -->
		<div id="header">
			<div id="headerbox">
				<div id="title" href="#">青眠-安心入眠</div>
				<div id="menu">
					<ul>
						<a name="top" id="top"></a>
						<li><a href="qingmian.html">首页</a></li>
						<li><a href="#">推荐</a></li>
						<li><a href="#">分类</a></li>
						<li><a href="login.html">登录 /</a></li>
						<li><a href="login.html">注册</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 图片标题 -->
		<div id="bar">
			<div id="bartext1">青眠-安心入眠</div>
			<div id="bartext2">go to sleep and good night</div>
			<div id="header-img"><img src="img/main tytle.jpg" width=100% height=100% ></div>
		</div>
		<!-- 内容 -->
		<div id="content">
			<div id="bgimg"><img src="img/08.jpg" width=100% height=100%></div>
			<h2>青眠的个性内容推荐</h2>
			<div id="bigbox">
				<div id="box">
					<img src="img/asmr.jpg" width="300"; height="150";>
					<h4><a href="https://www.reasmr.com/">ASMR</a></h4>	
					<p>刺激你的视觉、听觉、触觉~~加速你入眠~</p>
				</div>
				<div id="box">
					<img src="img/01.jpg" width="300"; height="150";>
					<h4>模拟耳部按摩</h4>
					<p>一边听一边清洁睡觉的耳朵~~耳部按摩####3DIO</p>
				</div>
				<div id="box">
					<img src="img/02.jpg" width="300"; height="150";>
					<h4>头部按摩</h4>
					<p>体验一次愉快的按摩吧~~头部按摩##助眠~~~~~</p>
				</div>
				<div id="box">
					<img src="img/03.jpeg" width="300"; height="150";>
					<h4>触发音</h4>
					<p>物体敲击触发~~~~~~轻轻刺激大脑##快速助眠~</p>
				</div>
				<div id="box">
					<img src="img/04.jpg" width="300"; height="150";>
					<h4>课堂音</h4>
					<p>上课啦！~~~老师来咯###快来睡觉吧~快速入眠~~</p>
				</div>
				<div id="box">
					<img src="img/05.png" width="300"; height="150";>
					<h4>脸部清洁</h4>
					<p>进来洗脸吧~~~模拟##脸部清洁~~~解压助眠~~</p>
				</div>
				<div id="box">
					<img src="img/06.png" width="300"; height="150";>
					<h4>轻音乐</h4>
					<p>进来听歌吧！~~~轻音乐##伴你入眠~~~~~~~~~</p>
				</div>
				<div id="box">
					<img src="img/07.jpg" width="300"; height="150";>
					<h4>自然音</h4>
					<p>进来聆听自然音吧~~~~雷声##雨声~~伴你入眠##助眠~</p>
				</div>
					
			</div>
			
		</div>
		<div id="footer">
			<div id="footer-bottom">
				<p>Copyright&copy;2022 / BSANDSS / 无备案</p>
			</div>
		</div>
	</body>

</html>